<template>
  <div>
    <hr />
    <h1>我是login组件：{{ value }}</h1>
    <button @click="changeMsg">修改msg属性</button>
  </div>
</template>

<script>
//v-model 给子组件提供了一个value属性，一个input方法
//input方法是用于修改这个属性的
export default {
  props: {
    msg: String,
    // value: {
    //   type: String,
    //   // default: ''
    // },
  },
  model: {
    prop: 'msg',
    event: 'changeMsg',
  },
  methods: {
    changeMsg() {
      //触发父组件的方法
      // this.$emit('input', '新值')
      this.$emit('changeMsg', '2')
    },
  },
}
</script>

<style></style>
